---
name: 步骤条 steps
route: /steps
---

import { Playground, PropsTable } from 'docz'
import Steps from './index.js'

import './index.scss'

# 步骤条

白`团扇`，今来此去捐。愿得入郎手，团圆郎眼前。

## 代码演示

### 基本用法

<Playground>
  <Steps>
    <Steps.Step title='第一步' />
    <Steps.Step title='第二步' />
    <Steps.Step title='第三步' />
  </Steps>
</Playground>

### 状态

<Playground>
  <Steps current={3} status='error'>
    <Steps.Step title='第一步' />
    <Steps.Step title='第二步' />
    <Steps.Step title='第三步' />
    <Steps.Step title='第四步' />
  </Steps>
</Playground>

## 属性

### Steps

<PropsTable of={Steps} />

### Step

<PropsTable of={Steps.Step} />
